const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin') // 引入插件 


/*
    Loader: 1.下载  2.使用（配置Loader）
    plugins: 1.下载  2.引入  3.使用 
*/

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'built.js',
        path: path.join(__dirname, 'build')
    },
    module: {
        rules: [
            // Loader的配置 
        ]
    },
    plugins: [
        // plugins的配置
        /*  npm i html-webpack-plugin -D 
            作用是在output目录中生成index.html，并自动引入打包输出的所有资源（js/css）
        */
        new HtmlWebpackPlugin({
            // 复制template指定的html文件，并自动引入打包输出的所有资源（js/css）
            template: './src/index.html'
        }) 
    ],
    mode: 'development'
}